<template>
	<div>
	    <router-view></router-view>
	</div>
</template>

<script>
export default {
	created(){
		if (sessionStorage.getItem('store')) {
			this.$store.replaceState(Object.assign({}, this.$store.state, JSON.parse(sessionStorage.getItem('store'))));
		}

		//在页面刷新时将vuex里的信息保存到sessionStorage里
		window.addEventListener('beforeunload', () => {
			sessionStorage.setItem('store', JSON.stringify(this.$store.state));
		});
	}
}
</script>

<style>
html{height:100%;}
body{min-height:100%; font-size:14px; color:#333333;}
html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{
	margin:0;
	border:0;
	padding:0;
	font-style:normal;
}
html,body {
	-webkit-touch-callout:none;
	-webkit-text-size-adjust:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	background-color: #fff;
}
input[type="search"]::-webkit-search-cancel-button{-webkit-appearance: none;}
input,button,input:focus,button:focus,textarea,textarea:focus{outline:none; box-sizing:border-box;}
input,textarea{-webkit-appearance:none; appearance:none;}
span{display:inline;}
table {border-collapse: collapse; border-spacing: 0;}
.hide,.hidden{display:none!important;}
.touch-style{background-color:#f0f0f0!important;}
.touch-style1{background-color:#eeeeee!important;}
.touch-style2{background-color:rgba(0,0,0,0.05);}
.hover{ opacity: 0.8; }
a,a:active,a:hover,a:link,a:visited{color:inherit; text-decoration:none;}

.df{display:-webkit-box; display: -webkit-flex;	display:flex; flex-flow:row;}
.df.df-c{-webkit-box-orient:vertical; -webkit-flex-flow:column; flex-flow:column;}
.df .fc, .df .f1{-webkit-box-flex:1; -webkit-flex:1; flex:1;}
.df.ai-s{align-items:flex-start;}
.df.ai-c{align-items:center;}
.df.ai-e{align-items:flex-end;}
.df.jc-s{justify-content: start;}
.df.jc-e{justify-content: flex-end;}
.df.jc-b{justify-content:space-between;}
.df.jc-c{justify-content:center;}
.df.jc-a{justify-content:space-around;}
.df.df-ww{flex-wrap:wrap; align-content:flex-start}

.one-hide{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis;}
.two-hide{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.three-hide{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis;}

.pr{position:relative;}
.b{font-weight:bold;}
.i{font-style:italic;}
.t-indent{text-indent:2em;}
.txt-c{text-align:center;}
.txt-r{text-align:right;}
.txt-line-t{text-decoration:line-through;}
.txt-line{text-decoration:underline;}
.lh-1{line-height:1;}
.lh-14{line-height:1.4;}
.lh-2{line-height:2;}

.c-red{color:#D00805;}
.c-yellow{color:#FFD7A1;}
.c-blue{color:#1E8AF6;}
.c-zong{color:#C37937;}
.c-33{color:#333333;}
.c-66{color:#656668;}
.c-77{color:#7A7B7B;}
.c-99{color:#979797;}
.c-aa{color:#A4ABAF;}
.c-cc{color:#cccccc;}
.c-ff{color:#ffffff;}

.mt-2{margin-top:2px;}
.mt-4{margin-top:4px;}
.mt-6{margin-top:6px;}
.mt-8{margin-top:8px;}
.mt-10{margin-top:10px;}
.mt-12{margin-top:12px;}
.mt-14{margin-top:14px;}
.mt-16{margin-top:16px;}
.mt-20{margin-top:20px;}
.mt-24{margin-top:24px;}
.mt-28{margin-top:28px;}
.mt-30{margin-top:30px;}
.mt-36{margin-top:36px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}

.fs-0{font-size:0;}
.fs-8{font-size:8px;}
.fs-10{font-size:10px;}
.fs-12{font-size:12px;}
.fs-14{font-size:14px;}
.fs-16{font-size:16px;}
.fs-18{font-size:18px;}
.fs-20{font-size:20px;}
.fs-22{font-size:22px;}
.fs-24{font-size:24px;}
.fs-26{font-size:26px;}
.fs-28{font-size:28px;}
.fs-30{font-size:30px;}

.aside .el-menu .el-menu-item,
.aside .el-menu .el-menu-item-group li,
.aside .el-sub-menu__title,
.aside .el-submenu__title {
    height: 40px;
    line-height: 40px;
}
.aside .el-sub-menu__title .wi,
.aside .el-menu-item .wi{color:#7c878e;}
.aside .el-menu-item.is-active,
.aside .el-sub-menu__title:hover,
.aside .el-menu-item:hover {
	background-color: #2d5fff!important;
	color:#ffffff!important;
}
.aside .el-sub-menu__title:hover .wi,
.aside .el-menu-item:hover .wi,
.aside .el-menu-item.is-active .wi{color:#ffffff;}

.main .el-input-group__append button.el-button,
.main .el-input-group__append button.el-button:hover{background-color:#409eff; color:#ffffff; border-color:#409eff; border-radius:0 4px 4px 0;}
.main .el-input-group__append button.el-button.is-disabled{background:#a0cfff; border-color:#a0cfff;}
</style>
